<template>
  <div>
    <h1>新闻</h1>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media"  v-for="item in newlist"  :key="item.id"   >
        <router-link :to='"/home/newinfo/"+item.id'>
          <img
            class="mui-media-object mui-pull-left"
            :src="item.img_url" />
          <div class="mui-media-body">
            <h1>{{item.title}}</h1>
            <p class="mui-ellipsis">
                <span>发表时间：{{ item.add_time|dateFormat('YYYY-DD-DD ')}} </span>
                <span>点击次数：{{ item.click }}</span>

            </p>
          </div>
        </router-link>
      </li>
      
      
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
        newlist:[]
    };
  },
  created(){
      this.getnewslist()
  },
  methods:{
      async getnewslist(){
            const {data}= await this.$http.get('/api/getnewslist')
            if(data.status===0){
                 console.log(data.message)
                 this.newlist =data.message
            }
           // console.log(data)
      }
  }
};
</script>

<style lang="scss" scoped>
.mui-media-body{
    h1{
        font-size: 16px;
    }
    .mui-ellipsis{
        color: #26a2ff;
        display: flex;
        justify-content: space-between;
    }
}
</style>